
<ui:composition  xmlns="http://www.w3.org/1999/xhtml"
                 xmlns:ui="http://java.sun.com/jsf/facelets"
                 xmlns:f="http://java.sun.com/jsf/core"
                 xmlns:h="http://java.sun.com/jsf/html"
                 xmlns:c="http://java.sun.com/jsp/jstl/core"
                 xmlns:pou="http://primefaces.org/ui">
    <!-- ${facesContext.externalContext.requestContextPath} -->
    <div style="overflow: auto">
        <div id="chart8" style="width: 900px; height: 400px;  float: left"  ></div>
    </div>
    <script type="text/javascript">
        $(document).ready(function(){
            var line1 = [#{graphicUnoP.grapChequesRechazados.pbarr4}];
            var line2 = [#{graphicUnoP.grapChequesRechazados.pbarr3}];
            var plot2 = $.jqplot('chart8', [line1, line2], { title:'Cheques Rechazados',
                series:[{renderer:$.jqplot.BarRenderer,label:"Monto (miles)",pointLabels: {show: true}},
                    {xaxis:'x2axis', yaxis:'y2axis',label:"Cantidad",pointLabels: {show: true}}],
                axesDefaults: {
                    tickRenderer: $.jqplot.CanvasAxisTickRenderer ,
                    tickOptions: {
                        angle: 30
                    }
                },
                               
                legend: {
                    show: true, location: 'e'
                    //placement: 'outsideGrid'                    
                },
                axes: {
                    xaxis: {
                        renderer: $.jqplot.CategoryAxisRenderer
                    },
                    x2axis: {
                        renderer: $.jqplot.CategoryAxisRenderer
                    },
                    yaxis: {
                        autoscale:true
                    },
                    y2axis: {
                        autoscale:true
                    }
                }
            });
        });
    </script>


</ui:composition>
